
<ion-header>
  <ion-navbar color="primary">
    <ion-title style="text-align: center">支部架构</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <div padding>
    <ion-segment [(ngModel)]="architecture">
      <ion-segment-button value="system">
        组织体系
      </ion-segment-button>
      <ion-segment-button value="depart">
        我的支部
      </ion-segment-button>
    </ion-segment>
  </div>
  
  <div [ngSwitch]="architecture">
    <ion-list *ngSwitchCase="'system'">
      <ion-item>
        <h2>组织架构</h2>
        <ion-card>
          <ion-card-header>
            支部简介
          </ion-card-header>
          <ion-card-content>
            组织架构(Organizational Structure)是指: 对于<br>
            工作任务如何进行分工、分组和协调合作。 组<br>
            织结构是表明组织各部分排列顺序、聚散状态、<br>
            联系方式以及各要素之间相互关系的一种模式，<br>
            是整个管理系统的“框架”。它是组织的全体成<br>
            员为实现组织目标，在管理工作中进行分工协<br>
            作，在职务范围、责任、权利方面所形成的结<br>
            构体系。组织结构是组织在职、责、权方面的<br>
            动态结构体系，其本质是为实现组织战略目标<br>
            而采取的一种分工协作体系。
          </ion-card-content>
        </ion-card>

        <ion-card>
            <ion-card-header>
              支部架构
            </ion-card-header>
            <ion-card-content>
              <img src="../../assets/imgs/zbjg.jpg">
            </ion-card-content>
          </ion-card>

      </ion-item>
      <ion-item>
           
        <h2>学生第一支部</h2>
        <ion-card>
            <ion-card-header>
              支部简介
            </ion-card-header>
            <ion-card-content>
              信息学院学生第一支部我校党的基层组织之一,<br>
              是党组织在学生中的一个"战斗堡垒"。<br>

            </ion-card-content>
          </ion-card>
      
          <ion-card>
              <ion-card-header>
                支部架构
              </ion-card-header>
              <ion-card-content>
                <div class="div0">
                    <p class="title">支部书记</p>
                    <textarea class="bind">{{branch_1[0]}}</textarea>
                    <img src="../../assets/imgs/zjz.png" class="img">
               </div>
               <div class="div1">
                  <p class="title">组织委员</p>
                  <textarea class="bind"> {{organize_1[0]}} </textarea>
                  <img src="../../assets/imgs/zjz.png" class="img">
             </div>
               <div class="div1">
                  <p class="title">纪律委员</p>
                  <textarea class="bind"> {{discipline_1[0]}} </textarea>
                  <img src="../../assets/imgs/zjz.png" class="img">
             </div>
               <div class="div1">
                  <p class="title">宣传委员</p>
                  <textarea class="bind"> {{advertise_1[0]}} </textarea>
                  <img src="../../assets/imgs/zjz.png" class="img">
             </div>
              </ion-card-content>
            </ion-card>
      </ion-item>
      <ion-item>
        <h2>学生第二支部</h2>
        <ion-card>
            <ion-card-header>
              支部简介
            </ion-card-header>
            <ion-card-content>
              学生党支部是高校党的基层组织,是党组织在学<br>
              生中的"战斗堡垒"。信息学院学生第二支部就是<br>
              其中的一个部分。
            </ion-card-content>
          </ion-card>
  
          <ion-card>
              <ion-card-header>
                支部架构
              </ion-card-header>
              <ion-card-content>
                  <div class="div0">
                      <p class="title">支部书记</p>
                      <textarea class="bind">{{branch_2[0]}} </textarea>
                      <img src="../../assets/imgs/zjz.png" class="img">
                 </div>
                 <div class="div1">
                    <p class="title">学习委员</p>
                    <textarea class="bind"> {{study_2[0]}} </textarea>
                    <img src="../../assets/imgs/zjz.png" class="img">
               </div>
                 <div class="div1">
                    <p class="title">纪律委员</p>
                    <!-- <p> {{discipline_2[0]}} </p> -->
                    <textarea class="bind"> {{discipline_2[0]}} </textarea>
                    <img src="../../assets/imgs/zjz.png" class="img">
               </div>
                 <div class="div1">
                    <p class="title">宣传委员</p>
                    <textarea class="bind"> {{advertise_2[0]}} </textarea>
                    <img src="../../assets/imgs/zjz.png" class="img">
               </div>
              </ion-card-content>
            </ion-card>
      </ion-item>
    </ion-list>
  
    <ion-list *ngSwitchCase="'depart'">
      <ion-item>
        <!-- <ion-thumbnail item-start> -->
          <!-- <img src="img/thumbnail-kitten-1.jpg"> -->
        <!-- </ion-thumbnail> -->
        <h2>成员信息</h2>
      </ion-item>
      <ion-item-sliding #slidingItem *ngFor="let item of user">
        <ion-item>
          {{item.name}}
         {{item.mobilePhoneNumber}}
        </ion-item>
        <ion-item-options side="right" *ngIf="flag" (ionSwipe)="removeUser(slidingItem,item)">
            <button ion-button icon-only expandable color="danger" (click)="removeUser(slidingItem,item)">
              <ion-icon name="trash"></ion-icon>
            </button>
          </ion-item-options>
      </ion-item-sliding>

    </ion-list>
  </div>
     
  
</ion-content>
